<template>
	<view class="report" v-if="baziInfo.nianZhu.tianGan.wuXing">
		<!-- 自定义导航栏 -->
		<uni-nav-bar  
		background-color="#fff" color="#c3873d" :border="false" 
		:fixed="true" @clickLeft="left"  left-icon="left"  
		leftWidth="30rpx" title="财富详情" rightWidth="10rpx" :statusBar="true" 
		height="88rpx">
		 
		</uni-nav-bar>
		<view  v-if="!auditShow">
			<other></other>
		</view>
		<view class="report_change flex_row_center_center" v-if="auditShow" @click="userChange">
			<!-- <image class="report_change_icon" src="https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/yijing/change_icon.png" mode="aspectFit"></image> -->
		    <uni-icons color="#c3873d" custom-prefix="iconfont" type="icon-qiehuan" size="22"></uni-icons>
			<view>切换档案生成新的报告</view>
		</view>
		<image v-if="auditShow && false" src="https://sy-hws-file-oss.oss-cn-beijing.aliyuncs.com/yijing/caifu.png" mode="widthFix"   class="report_image"></image>
		<view class="report_content" v-if="auditShow">
			<view class="report_content_1 flex_row_start_center">
				<image :src="url" mode="aspectFit" class="report_info_image"></image>
				<view class="report_content_1_r flex_column_between_start">
					<view><span style="font-weight: 550;">姓名：</span>{{useInfo.masterName}}</view>
					<view class="report_content_1_r_b">
						<view>{{$replaceTime(useInfo.masterBirthday,useInfo.isLeap)}}</view>
						<view>{{useInfo.masterAddress}}</view>
					</view>
				</view>
			</view>
			<view class="report_content_2">
				<view class="report_content_title">
					<view class="report_content_title_1 flex_row_center_center">
						<view class="report_content_title_icon"></view>
						<view class="report_content_title_center" >乾造信息</view>
						<view class="report_content_title_icon"></view>
					</view>
				</view>
				<view class="report_2_table ">
					<view class="flex_row_start_center report_2_table_top" >
						<view>年柱</view>
						<view>月柱</view>
						<view>日柱</view>
						<view>时柱</view>
					</view>
					<view class="flex_row_start_center report_2_table_top2" v-if="baziInfo.nianZhu.tianGan.wuXing">
						<view class="report_2_table_l1">天干</view>
						<view class="lattice">
							<view class="report2_content_tuwen ">
								<view v-if="baziInfo.nianZhu.tianGan.wuXing == '金'" style="color: #e7950e;">{{baziInfo.nianZhu.tianGan.tianGan}}</view>
								<view v-if="baziInfo.nianZhu.tianGan.wuXing == '木'" style="color: #2de24e;">{{baziInfo.nianZhu.tianGan.tianGan}}</view>
								<view v-if="baziInfo.nianZhu.tianGan.wuXing == '水'" style="color: #3083f7;">{{baziInfo.nianZhu.tianGan.tianGan}}</view>
								<view v-if="baziInfo.nianZhu.tianGan.wuXing == '火'" style="color: #d10600;">{{baziInfo.nianZhu.tianGan.tianGan}}</view>
							<view v-if="baziInfo.nianZhu.tianGan.wuXing == '土'" style="color: #876d07;">{{baziInfo.nianZhu.tianGan.tianGan}}</view>
								<!-- <view>{{baziInfo.nianZhu.tianGan.tianGan}}</view> -->
								<image v-if="baziInfo.nianZhu.tianGan.wuXing == '金'" src="../../static/images/other/jin.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.nianZhu.tianGan.wuXing == '木'" src="../../static/images/other/mu.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.nianZhu.tianGan.wuXing == '水'" src="../../static/images/other/shui.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.nianZhu.tianGan.wuXing == '火'" src="../../static/images/other/huo.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.nianZhu.tianGan.wuXing == '土'" src="../../static/images/other/tu.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
							</view>
						</view>
						<view class="lattice">
							<view class="report2_content_tuwen ">
								<view v-if="baziInfo.yueZhu.tianGan.wuXing == '金'" style="color: #e7950e;">{{baziInfo.yueZhu.tianGan.tianGan}}</view>
								<view v-if="baziInfo.yueZhu.tianGan.wuXing == '木'" style="color: #2de24e;">{{baziInfo.yueZhu.tianGan.tianGan}}</view>
								<view v-if="baziInfo.yueZhu.tianGan.wuXing == '水'" style="color: #3083f7;">{{baziInfo.yueZhu.tianGan.tianGan}}</view>
								<view v-if="baziInfo.yueZhu.tianGan.wuXing == '火'" style="color: #d10600;">{{baziInfo.yueZhu.tianGan.tianGan}}</view>
								<view v-if="baziInfo.yueZhu.tianGan.wuXing == '土'" style="color: #876d07;">{{baziInfo.yueZhu.tianGan.tianGan}}</view>
								<!-- <view>{{baziInfo.yueZhu.tianGan.tianGan}}</view> -->
								<image v-if="baziInfo.yueZhu.tianGan.wuXing == '金'" src="../../static/images/other/jin.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.yueZhu.tianGan.wuXing == '木'" src="../../static/images/other/mu.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.yueZhu.tianGan.wuXing == '水'" src="../../static/images/other/shui.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.yueZhu.tianGan.wuXing == '火'" src="../../static/images/other/huo.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.yueZhu.tianGan.wuXing == '土'" src="../../static/images/other/tu.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
							</view>
						</view>
						<view class="lattice">
							<view class="report2_content_tuwen ">
								<view v-if="baziInfo.riZhu.tianGan.wuXing == '金'" style="color: #e7950e;">{{baziInfo.riZhu.tianGan.tianGan}}</view>
								<view v-if="baziInfo.riZhu.tianGan.wuXing == '木'" style="color: #2de24e;">{{baziInfo.riZhu.tianGan.tianGan}}</view>
								<view v-if="baziInfo.riZhu.tianGan.wuXing == '水'" style="color: #3083f7;">{{baziInfo.riZhu.tianGan.tianGan}}</view>
								<view v-if="baziInfo.riZhu.tianGan.wuXing == '火'" style="color: #d10600;">{{baziInfo.riZhu.tianGan.tianGan}}</view>
								<view v-if="baziInfo.riZhu.tianGan.wuXing == '土'" style="color: #876d07;">{{baziInfo.riZhu.tianGan.tianGan}}</view>
								<!-- <view>{{baziInfo.riZhu.tianGan.tianGan}}</view> -->
								<image v-if="baziInfo.riZhu.tianGan.wuXing == '金'" src="../../static/images/other/jin.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.riZhu.tianGan.wuXing == '木'" src="../../static/images/other/mu.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.riZhu.tianGan.wuXing == '水'" src="../../static/images/other/shui.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.riZhu.tianGan.wuXing == '火'" src="../../static/images/other/huo.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.riZhu.tianGan.wuXing == '土'" src="../../static/images/other/tu.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
							</view>
						</view>
						<view class="lattice">
							<view class="report2_content_tuwen ">
								<view v-if="baziInfo.shiZhu.tianGan.wuXing == '金'" style="color: #e7950e;">{{baziInfo.shiZhu.tianGan.tianGan}}</view>
								<view v-if="baziInfo.shiZhu.tianGan.wuXing == '木'" style="color: #2de24e;">{{baziInfo.shiZhu.tianGan.tianGan}}</view>
								<view v-if="baziInfo.shiZhu.tianGan.wuXing == '水'" style="color: #3083f7;">{{baziInfo.shiZhu.tianGan.tianGan}}</view>
								<view v-if="baziInfo.shiZhu.tianGan.wuXing == '火'" style="color: #d10600;">{{baziInfo.shiZhu.tianGan.tianGan}}</view>
								<view v-if="baziInfo.shiZhu.tianGan.wuXing == '土'" style="color: #876d07;">{{baziInfo.shiZhu.tianGan.tianGan}}</view>
								<!-- <view>{{baziInfo.shiZhu.tianGan.tianGan}}</view> -->
								<image v-if="baziInfo.shiZhu.tianGan.wuXing == '金'" src="../../static/images/other/jin.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.shiZhu.tianGan.wuXing == '木'" src="../../static/images/other/mu.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.shiZhu.tianGan.wuXing == '水'" src="../../static/images/other/shui.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.shiZhu.tianGan.wuXing == '火'" src="../../static/images/other/huo.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.shiZhu.tianGan.wuXing == '土'" src="../../static/images/other/tu.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
							</view>
						</view>
						
					</view>
					<view class="flex_row_start_center report_2_table_top2" v-if="baziInfo">
						<view class="report_2_table_l1">地支</view>
						<view class="lattice">
							<view class="report2_content_tuwen ">
								<view v-if="baziInfo.nianZhu.diZhi.wuXing == '金'" style="color: #e7950e;">{{baziInfo.nianZhu.diZhi.diZhi}}</view>
								<view v-if="baziInfo.nianZhu.diZhi.wuXing == '木'" style="color: #2de24e;">{{baziInfo.nianZhu.diZhi.diZhi}}</view>
								<view v-if="baziInfo.nianZhu.diZhi.wuXing == '水'" style="color: #3083f7;">{{baziInfo.nianZhu.diZhi.diZhi}}</view>
								<view v-if="baziInfo.nianZhu.diZhi.wuXing == '火'" style="color: #d10600;">{{baziInfo.nianZhu.diZhi.diZhi}}</view>
								<view v-if="baziInfo.nianZhu.diZhi.wuXing == '土'" style="color: #876d07;">{{baziInfo.nianZhu.diZhi.diZhi}}</view>
								<!-- <view>{{baziInfo.nianZhu.diZhi.diZhi}}</view> -->
								<image v-if="baziInfo.nianZhu.diZhi.wuXing == '金'" src="../../static/images/other/jin.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.nianZhu.diZhi.wuXing == '木'" src="../../static/images/other/mu.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.nianZhu.diZhi.wuXing == '水'" src="../../static/images/other/shui.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.nianZhu.diZhi.wuXing == '火'" src="../../static/images/other/huo.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.nianZhu.diZhi.wuXing == '土'" src="../../static/images/other/tu.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
							</view>
						</view>
						<view class="lattice">
							<view class="report2_content_tuwen ">
								<view v-if="baziInfo.yueZhu.diZhi.wuXing == '金'" style="color: #e7950e;">{{baziInfo.yueZhu.diZhi.diZhi}}</view>
								<view v-if="baziInfo.yueZhu.diZhi.wuXing == '木'" style="color: #2de24e;">{{baziInfo.yueZhu.diZhi.diZhi}}</view>
								<view v-if="baziInfo.yueZhu.diZhi.wuXing == '水'" style="color: #3083f7;">{{baziInfo.yueZhu.diZhi.diZhi}}</view>
								<view v-if="baziInfo.yueZhu.diZhi.wuXing == '火'" style="color: #d10600;">{{baziInfo.yueZhu.diZhi.diZhi}}</view>
								<view v-if="baziInfo.yueZhu.diZhi.wuXing == '土'" style="color: #876d07;">{{baziInfo.yueZhu.diZhi.diZhi}}</view>
								<!-- <view>{{baziInfo.yueZhu.diZhi.diZhi}}</view> -->
								<image v-if="baziInfo.yueZhu.diZhi.wuXing == '金'" src="../../static/images/other/jin.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.yueZhu.diZhi.wuXing == '木'" src="../../static/images/other/mu.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.yueZhu.diZhi.wuXing == '水'" src="../../static/images/other/shui.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.yueZhu.diZhi.wuXing == '火'" src="../../static/images/other/huo.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.yueZhu.diZhi.wuXing == '土'" src="../../static/images/other/tu.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
							</view>
						</view>
						<view class="lattice">
							<view class="report2_content_tuwen ">
								<view v-if="baziInfo.riZhu.diZhi.wuXing == '金'" style="color: #e7950e;">{{baziInfo.riZhu.diZhi.diZhi}}</view>
								<view v-if="baziInfo.riZhu.diZhi.wuXing == '木'" style="color: #2de24e;">{{baziInfo.riZhu.diZhi.diZhi}}</view>
								<view v-if="baziInfo.riZhu.diZhi.wuXing == '水'" style="color: #3083f7;">{{baziInfo.riZhu.diZhi.diZhi}}</view>
								<view v-if="baziInfo.riZhu.diZhi.wuXing == '火'" style="color: #d10600;">{{baziInfo.riZhu.diZhi.diZhi}}</view>
								<view v-if="baziInfo.riZhu.diZhi.wuXing == '土'" style="color: #876d07;">{{baziInfo.riZhu.diZhi.diZhi}}</view>
								<!-- <view>{{baziInfo.riZhu.diZhi.diZhi}}</view> -->
								<image v-if="baziInfo.riZhu.diZhi.wuXing == '金'" src="../../static/images/other/jin.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.riZhu.diZhi.wuXing == '木'" src="../../static/images/other/mu.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.riZhu.diZhi.wuXing == '水'" src="../../static/images/other/shui.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.riZhu.diZhi.wuXing == '火'" src="../../static/images/other/huo.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.riZhu.diZhi.wuXing == '土'" src="../../static/images/other/tu.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
							</view>
						</view>
						<view class="lattice">
							<view class="report2_content_tuwen ">
								<view v-if="baziInfo.shiZhu.diZhi.wuXing == '金'" style="color: #e7950e;">{{baziInfo.shiZhu.diZhi.diZhi}}</view>
								<view v-if="baziInfo.shiZhu.diZhi.wuXing == '木'" style="color: #2de24e;">{{baziInfo.shiZhu.diZhi.diZhi}}</view>
								<view v-if="baziInfo.shiZhu.diZhi.wuXing == '水'" style="color: #3083f7;">{{baziInfo.shiZhu.diZhi.diZhi}}</view>
								<view v-if="baziInfo.shiZhu.diZhi.wuXing == '火'" style="color: #d10600;">{{baziInfo.shiZhu.diZhi.diZhi}}</view>
								<view v-if="baziInfo.shiZhu.diZhi.wuXing == '土'" style="color: #876d07;">{{baziInfo.shiZhu.diZhi.diZhi}}</view>
								<!-- <view>{{baziInfo.shiZhu.diZhi.diZhi}}</view> -->
								<image v-if="baziInfo.shiZhu.diZhi.wuXing == '金'" src="../../static/images/other/jin.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.shiZhu.diZhi.wuXing == '木'" src="../../static/images/other/mu.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.shiZhu.diZhi.wuXing == '水'" src="../../static/images/other/shui.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.shiZhu.diZhi.wuXing == '火'" src="../../static/images/other/huo.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
								<image v-if="baziInfo.shiZhu.diZhi.wuXing == '土'" src="../../static/images/other/tu.png" mode="aspectFit" class="report2_content_tuwen_i"></image>
							</view>
						</view>
					</view>
					<view class="flex_row_start_center report_2_table_top2" v-if="shishen">
						<view class="report_2_table_l1">天干十神</view>
						<view class="lattice">{{shishen.nianShen}}</view>
						<view class="lattice">{{shishen.yueShen}}</view>
						<view class="lattice">{{shishen.riShen}}</view>
						<view class="lattice">{{shishen.shiShen}}</view>
					</view>
					<view class="flex_row_start_center report_2_table_top2" v-if="shishen">
						<view class="report_2_table_l1">地支十神</view>
						<view class="lattice">{{shishen.nianShen_DiZhi}}</view>
						<view class="lattice">{{shishen.yueShen_DiZhi}}</view>
						<view class="lattice">{{shishen.riShen_DiZhi}}</view>
						<view class="lattice">{{shishen.shiShen_DiZhi}}</view>
					</view>
					<view v-if="cangGan" class="flex_row_start_center report_2_table_top2" style="margin-top: 10rpx;" >
						<view class="report_2_table_l1">藏干</view>
						<view class="lattice">
							<view class="lattice_content">
								<view v-for="(item,index) in cangGan.nianGan" :key="index">{{item}}</view>
							</view>
						</view>
						<view class="lattice">
							<view class="lattice_content">
								<view v-for="(item,index) in cangGan.yueGan" :key="index">{{item}}</view>
							</view>
						</view>
						<view class="lattice">
							<view class="lattice_content">
						    	<view v-for="(item,index) in cangGan.riGan" :key="index">{{item}}</view>
							</view>
						</view>
						<view class="lattice">
							<view class="lattice_content">
								<view v-for="(item,index) in cangGan.shiGan" :key="index">{{item}}</view>
							</view>
						</view>
					</view>
					<view v-if="numCount" class="report_attribute">{{numCount.jin}}层金；{{numCount.mu}}层木；{{numCount.shui}}层水；{{numCount.huo}}层火；{{numCount.tu}}层土</view>
					
				</view>
			</view>
			<view class="report_content_4">
				   <view class="flex_row_center_center" style="margin-bottom: 30rpx;">
					   <view class="report_content4_title flex_row_center_center">
							<view class="report_content_title_icon"></view>
							<view class="report_content_title_center" >大运信息</view>
							<view class="report_content_title_icon"></view>
					   </view>
				   </view>
				  <scroll-view class="scroll-view_H" scroll-x="true" :scroll-left="leftWidth">
							<view  class="scroll-item " v-for="(item,index) in dataInfo.liuNians" :key="index" @click="changeIndex(index)">
								<view class="dayun_title">第{{index+1}}次大运</view>
								<view class="flex_row_start_center dayun_info">
									<view>起始年龄：</view>
									<view>{{item.startBirYear}}岁—{{item.endBirYear}}岁</view>
								</view>
								<view class="flex_row_start_center dayun_info">
									<view>起始时间：</view>
									<view>{{item.startYear}}年{{item.startMonth}}月—{{item.endYear}}年{{item.endMonth}}月</view>
								</view>
								<view class="flex_row_start_center dayun_info">
									<view>大运：</view>
									<view>{{item.daYun}}</view>
								</view>
								<view class="flex_row_start_center "  style=" white-space: normal;margin-top: 15rpx;">
									<!-- <view>分析：</view> -->
									<view class="dayun_info_fenxi">{{item.daYunForTuneDetail}}</view>
								</view>
								<!-- <view class="flex_row_start_center dayun_button">
									<view>查看详情</view>
									<view class="cuIcon-right lg text-orange  " style="margin-top: 4rpx;"></view>
								</view> -->
							</view>
							
				  	</scroll-view>
				   
			 </view>
		   <view class="report_content_4">
			   <view class="flex_row_center_center" style="margin-bottom: 30rpx;">
				   <view class="report_content4_title flex_row_center_center">
						<view class="report_content_title_icon"></view>
						<view class="report_content_title_center" >流年信息</view>
						<view class="report_content_title_icon"></view>
				   </view>
			   </view>
			  <!-- <view class="report_content_4_tip" v-for="(value,idx) in dataInfo.liuNians[currentIndex].liuNianList" :key="idx" >
					   <view class="flex_row_start_center report_content_4_tip_t">
						   <view class="report_content_4_tip_left">{{value.year}}年</view>
						   <view>
							   <uni-icons v-for="(items,indexs) in value.liuNianFortuneRank" :key="indexs" type="star-filled" size="20" color="#ff8d88"></uni-icons>
							   <uni-icons v-for="(items,indexs) in (5-value.liuNianFortuneRank)" :key="indexs" type="star-filled" size="20" color="#ffd1cf"></uni-icons>
						   </view>
					   </view>
				   <view class="report_content_4_tip_b flex_row_start_center">
					   <view style="margin-right: 20rpx;">{{value.ganShiShen}}</view>
					   <view>{{value.zhiShiShen}}</view>
				   </view>
			   </view> -->
			    <scroll-view class="scroll-view_H" scroll-x="true" :scroll-left="0">
					<view class="scroll-item_2" v-for="(value,idx) in dataInfo.liuNians[currentIndex].liuNianList" :key="idx" >
						<view>{{value.year}}年</view>
						<view class="flex_row_start_center">
							<view style="margin-right: 20rpx;">{{value.ganShiShen}}</view>
							<view>{{value.zhiShiShen}}</view>
						</view>
					</view>
				</scroll-view>
			  
			   
				
		    </view>
			<view class="report_content_3">
			   <view class="report_tip">
				   <view class="report_tip_1">八字分析</view>
				   <view class="report_tip_2">
					 {{dataInfo.caiFuBasis}}
				   </view>
			   </view>
			 </view>
		  <view class="report_content_3">
			   <view class="report_content_title">
					<view class="report_content_title_1 flex_row_center_center">
						<view class="report_content_title_icon"></view>
						<view class="report_content_title_center" >财富分析</view>
						<view class="report_content_title_icon"></view>
					</view>
			   </view>
			   <view class="report_tip">
				   <view class="report_tip_1">财富分析</view>
				   <view class="report_tip_2">
					  {{dataInfo.caiFuUnscramble}}
				   </view>
			   </view>
		   </view>
		   <view class="report_content_3" v-if="false">
			   <view class="report_content_title">
					<view class="report_content_title_1 flex_row_center_center">
						<view class="report_content_title_icon"></view>
						<view class="report_content_title_center" >大师化解</view>
						<view class="report_content_title_icon"></view>
					</view>
			   </view>
			   <view class="report_tip">
				   <view class="report_tip_1">大师化解</view>
				   <view class="report_tip_2">
					 你想要化解么，快点击下方按钮，大师1v1v1在
					 线为您化解！
				   </view>
				   <view class="report_tip_button flex_row_center_center">化解</view>
			   </view>
		   </view>
		   <!-- 提示 -->
		   <view class="warn_text">
		   	<uni-icons type="help" size="14"></uni-icons>
		   	当前内容仅供您在娱乐中探索自我，不等于专业测评，
		   	不代表价值评判，无任何现实指导意义。
		   </view>
		</view>
	</view>
</template>

<script>
	import {mapState,mapMutations} from 'vuex'
	import other from '@/components/other/index.vue'
	export default{
		components:{other},
		data(){
			return{
				url:'https://thirdwx.qlogo.cn/mmopen/vi_32/POgEwh4mIHO4nibH0KlMECNjjGxQUq24ZEaGT4poC6icRiccVGKSyXwibcPq4BWmiaIGuG1icwxaQX6grC9VemZoJ8rg/132',
				useInfo:"",
				dataInfo:{},
				baziInfo:{},//八字五行 天干地支
				shishen:{},//十神
				cangGan:{},//藏干
				numCount:{
					jin:0,
					mu:0,
					shui:0,
					huo:0,
					tu:0,
				},
				currentIndex:0,
				leftWidth:0,
				auditShow:false,
			
			}
		},
		onLoad(){},
		onShow(){
			this.getAudit()
			this.getUserInfo()
		},
		computed: {
			...mapState(['hasLogin', 'userInfo', 'userCenterData'])
		},
		methods:{
			left(){
				uni.navigateBack({delta:1})
			},
			//获取微信审核开关
			getAudit(){
			    let param = {};
				param.url='v3/system/front/configuration/1'
				this.$request(param).then(res=>{
					console.log(res);
					this.auditShow=res.data.auditSwitch
					if(this.auditShow){
						uni.setNavigationBarTitle({
							title:'财富详情'
						})
					}
					
				})
			},
			changeIndex(index){
				this.currentIndex=index
				this.leftWidth=512*index+'rpx'
			},
			getUserInfo(){
				if(!this.hasLogin){
					this.useInfo=uni.getStorageSync('exampleInfo')
					let data={
						name:this.useInfo.masterName,
						year:this.useInfo.masterBirthday.split(' ')[0].split('/')[0],
						month:this.useInfo.masterBirthday.split(' ')[0].split('/')[1],
						day:this.useInfo.masterBirthday.split(' ')[0].split('/')[2],
						hour:this.useInfo.masterBirthday.split(' ')[1].split(':')[0],
						minute:this.useInfo.masterBirthday.split(' ')[1].split(':')[1],
						selectAddressCode:this.useInfo.masterAddressCode,
						selectAddress:this.useInfo.masterAddress,
						gender:this.useInfo.masterSex,
						isLeap:this.useInfo.isLeap
					}
					
					if(data.isLeap === null){
						this.getFortune(data)
					}else if(data.isLeap.toString() =='true' ||data.isLeap.toString() =='false'){
						 this.getFortune2(data)
					}
				}else{
					let param = {};
					param.url='v3/member/front/master/detail'
					this.$request(param).then(res =>{
						console.log(res);
						if(res.data){
							this.useInfo=res.data
							let data={
								name:res.data.masterName,
								year:res.data.masterBirthday.split(' ')[0].split('/')[0],
								month:res.data.masterBirthday.split(' ')[0].split('/')[1],
								day:res.data.masterBirthday.split(' ')[0].split('/')[2],
								hour:res.data.masterBirthday.split(' ')[1].split(':')[0],
								minute:res.data.masterBirthday.split(' ')[1].split(':')[1],
								selectAddressCode:res.data.masterAddressCode,
								// selectAddress:res.data.masterAddress,
								gender:res.data.masterSex,
								isLeap:res.data.isLeap
							}
							
							if(res.data.isLeap === null){
								this.getFortune(data)
							}else if(res.data.isLeap.toString() =='true' ||res.data.isLeap.toString() =='false'){
								 this.getFortune2(data)
							}
						}else{
							this.useInfo=uni.getStorageSync('exampleInfo')
							let data={
								name:this.useInfo.masterName,
								year:this.useInfo.masterBirthday.split(' ')[0].split('/')[0],
								month:this.useInfo.masterBirthday.split(' ')[0].split('/')[1],
								day:this.useInfo.masterBirthday.split(' ')[0].split('/')[2],
								hour:this.useInfo.masterBirthday.split(' ')[1].split(':')[0],
								minute:this.useInfo.masterBirthday.split(' ')[1].split(':')[1],
								selectAddressCode:this.useInfo.masterAddressCode,
								// selectAddress:this.useInfo.masterAddress,
								gender:this.useInfo.masterSex,
								isLeap:this.useInfo.isLeap
							}
							
							if(data.isLeap === null){
								this.getFortune(data)
							}else if(data.isLeap.toString() =='true' ||data.isLeap.toString() =='false'){
								 this.getFortune2(data)
							}
						}
					})
				}
			},
			//阳历获取天干
			getFortune(value){
				// console.log('qe');
				// console.log('value',value);
				let param = {};
				param.urls='scbz/caifu/convertedCalendar'
				param.method="POST"
				param.data=value
				param.header={
					'Content-Type': 'application/json;charset=utf-8',
				}
				this.$request(param).then(res=>{
					// console.log('res1',res);
					this.dataInfo=res
					this.baziInfo=res.baZiWuXing
					this.shishen=res.shiShen
					this.cangGan=res.cangGan
					this.getNum()
				})
			},
			//阴历获取天干
			getFortune2(value){
			
				let param = {};
				param.urls='scbz/caifu/convertedSolarCalendar'
				param.method="POST"
				param.data=value
				param.header={
					'Content-Type': 'application/json;charset=utf-8',
				},
				this.$request(param).then(res=>{
					console.log(res);
					this.dataInfo=res
					this.baziInfo=res.baZiWuXing
					this.shishen=res.shiShen
					this.cangGan=res.cangGan
					this.getNum()
				})
			},
			getNum(){
				let arr=[]
				this.numCount.jin=0
				this.numCount.mu=0
				this.numCount.shui=0
				this.numCount.huo=0
				this.numCount.tu=0

				arr.push(this.baziInfo.nianZhu.tianGan.wuXing)
				arr.push(this.baziInfo.yueZhu.tianGan.wuXing)
				arr.push(this.baziInfo.riZhu.tianGan.wuXing)
				arr.push(this.baziInfo.shiZhu.tianGan.wuXing)
				arr.push(this.baziInfo.nianZhu.diZhi.wuXing)
				arr.push(this.baziInfo.yueZhu.diZhi.wuXing)
				arr.push(this.baziInfo.riZhu.diZhi.wuXing)
				arr.push(this.baziInfo.shiZhu.diZhi.wuXing)
				console.log('arr',arr);
				arr.forEach((item)=>{
					if(item=='金'){
						this.numCount.jin+=1
					}else if(item=='木'){
						this.numCount.mu+=1
					}else if(item=='水'){
						this.numCount.shui+=1
					}else if(item=='火'){
						this.numCount.huo+=1
					}else if(item=='土'){
						this.numCount.tu+=1
					}
				})
			},
			userChange(){
				this.$tab.navigateTo('/pages/index/archives')
			},
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #f2f2f2;
	}
	// 提示
	.warn_text{
		padding: 0 20rpx;
		margin-top: 20rpx;
		padding-bottom: 50rpx;
		font-size: 24rpx;
		// font-weight: 550;
		letter-spacing: 2rpx;
		line-height: 40rpx;
	}
	.report_change{
		border-top: 2rpx solid #eee;
		padding: 12rpx;
		background-color: #fedbb5;
		font-size: 24rpx;
		color: #c3873d;
		
		.report_change_icon{
			width: 30rpx;
			height: 30rpx;
			margin-right: 24rpx;
		}
	}
	.report_image{
		width:750rpx ;
	}
	
	
	.report{
		position: relative;
		
	}
	.report_content{
		position: absolute;
		left: 0;
		top: 156rpx;
		width: 750rpx;
	}
	
	.report_content_1{
		margin: 0 0rpx 20rpx 0rpx;
		padding: 34rpx 30rpx 32rpx 30rpx;
		background-color: #fff;
		border-radius:0 0 44rpx 44rpx;
		border: 2rpx solid #f4f0fa;
		
		.report_info_image{
			width: 122rpx;
			height: 122rpx;
			border-radius: 50%;
			margin-right: 24rpx;
		}
		.report_content_1_r{
			height: 122rpx;
			padding: 16rpx 0 0rpx 0;
			// background-color: red;
			font-size: 36rpx;
			color: rgb(76, 76, 76);
			
			.report_content_1_r_b{
				font-size: 26rpx;
				letter-spacing: 2rpx;
				// color: rgb(136, 136, 136);
			}
		}
	}
	
	.report_content_2{
		margin: 0 0rpx 20rpx 0rpx;
		// padding: 0rpx 10rpx 32rpx 10rpx;
		background-color: #fff;
		border-radius: 44rpx;
		border: 2rpx solid #f2f2f2;
		
	}
	.report_content_title{
		width: 100%;
		display: flex;
		justify-content: center;
		.report_content_title_1{
			width: 272rpx;
			height: 62rpx;
			background-color: #fedbb5;
			font-size: 32rpx;
			color: #d4a73c;
			border-radius:  0rpx 0rpx 40rpx 40rpx;
			
			.report_content_title_center{
				margin: 0 14rpx;
			}
			.report_content_title_icon{
				width: 8rpx;
				height: 8rpx;
				transform: rotate(45deg);
				background: #d4a73c;
			}
		}
	}
	/* 天干地支 */
	.report_2_table{
		padding: 38rpx 10rpx 34rpx 26rpx;
		.report_2_table_top{
			padding-left: 112rpx;
			& view{
				width: 132rpx;
				height: 60rpx;
				line-height: 60rpx;
				text-align: center;
				font-size: 36rpx;
			}
		}
		.report_2_table_top2{
			.report_2_table_l1{
				width: 104rpx;
				margin-right: 8rpx;
				text-align: center;
				font-size: 26rpx;
				font-weight: 550;
			}
			.lattice{
				width: 132rpx;
				height: 60rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 24rpx;
			}
		}
	}
	.report_attribute{
		text-align: center;
		font-size: 24rpx;
		margin-top: 32rpx;
	}
	.report2_content_tuwen{
		display: flex;
		align-items: center;
		font-size: 40rpx;
		// color: rgb(155, 76, 58);
		
		.report2_content_tuwen_i{
			width: 32rpx;
			height: 32rpx;
			margin-left: 14rpx;
		}
	}
	.lattice_content{
		width: 100%;
		margin-top: 18rpx;
		margin-bottom: 18rpx;
		& view{
			width: 100%;
		}
	}
	
	.report_content_3{
		margin: 0 0rpx 20rpx 0rpx;
		padding: 0rpx 38rpx 32rpx 38rpx;
		background-color: #fff;
		border-radius: 44rpx;
		border: 2rpx solid #f2f2f2;
		
	}
	.report_tip{
		padding-top: 12rpx;
		padding-bottom: 18rpx;
		.report_tip_1{
			font-size: 32rpx;
			font-weight: 550;
			padding-bottom: 10rpx;
			color: rgb(80, 80, 80);
			position: relative;
			&::after{
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				width: 128rpx;
				height: 15rpx;
				background: linear-gradient(90deg, rgba(254, 219, 181, 0.6) 0%, rgba(254, 236, 242, 0) 100%);
			}
		}
		.report_tip_2{
			font-size: 28rpx;
			margin-top: 12rpx;
			letter-spacing: 4rpx;
			line-height: 58rpx;
		}
	}
	
	// 大师化解
	.report_tip_button{
		width: 564rpx;
		height: 78rpx;
		background-color: #a12d36;
		color: #d4a73c;
		margin-top: 28rpx;
		font-size: 26rpx;
	}
	
	.report_content_4{
		margin-bottom: 68rpx;
		.report_content4_title{
			font-size: 32rpx;
			color: #d4a73c;
			border-radius: 760rpx 760rpx 800rpx 800rpx;
			background: #fedbb5;
			width: 272rpx;
			height: 62rpx;
			
			.report_content_title_center{
				margin: 0 14rpx;
			}
			.report_content_title_icon{
				width: 8rpx;
				height: 8rpx;
				transform: rotate(45deg);
				background: #d4a73c;
			}
		}
		
	}
	.report_content_4_tip{
		margin: 0 42rpx 18rpx 44rpx;
		padding: 30rpx 38rpx 32rpx 38rpx;
		background-color: #fff;
		border-radius: 44rpx;
		border: 8rpx solid #f2f2f2;
		
		.report_content_4_tip_t{
			margin: 10rpx 0;
			& view:first-child{
				font-size: 28rpx;
				color: rgb(52, 52, 52);
				font-weight: bold;
			}
			& view:last-child{
				font-size: 28rpx;
				color: rgb(52, 52, 52);
			}
		}
		
		.report_content_4_tip_b{
			font-size: 28rpx;
			margin-top: 22rpx;
		}
	}
	.report_content_4_tip_left{
		margin-right: 68rpx;
	}
	
	//大运信息
		.scroll-view_H {
			margin-left: 36rpx;
			white-space: nowrap;
			width: 100%;
			padding-right: 32rpx;
		}
		.scroll-item{
			display: inline-block;
			width: 484rpx;
			height: 340rpx;
			background-color: #fff;
			margin-right: 30rpx;
			border-radius: 24rpx;
			border: 8rpx solid #f2f2f2;
			padding: 22rpx 26rpx 10rpx 22rpx;
			
		}
		.dayun_title{
			font-size: 32rpx;
			margin-bottom: 30rpx;
			position: relative;
			&::after{
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				width: 188rpx;
				height: 15rpx;
				background: linear-gradient(90deg, rgba(254, 219, 181, 0.6) 0%, rgba(254, 236, 242, 0) 100%);
			}
			
		}
		.dayun_info{
			font-size: 28rpx;
			margin-bottom: 4rpx;
			
			& view:last-child{
				color: rgb(155, 155, 155);
			}
			
		}
		
		.dayun_info_fenxi{
			width: 404rpx;
			// height: 10rpx;
			// background-color: red;
			 overflow: hidden; 
			  text-overflow: ellipsis;
			  display: -webkit-box;  
			  -webkit-box-orient: vertical; // 从上到下垂直排列子元素
			  -webkit-line-clamp: 6;// 显示两行内容
			
		
		}
		.dayun_button{
			margin-top: 18rpx;
			color: rgb(255, 141, 136);
			font-size: 22rpx;
		}
		
		.scroll-item_2{
			background-color: #fff;
			width: 200rpx;
			height: 130rpx;
			display: inline-block;
			margin-right: 30rpx;
			border-radius: 24rpx;
			border: 8rpx solid #f2f2f2;
			padding: 22rpx 26rpx 10rpx 22rpx;
		}
		
		.report_button{
			margin-top: 200rpx;
			text-align: center;
			font-size: 30rpx;
		}
</style>